<template>
  <div>
    <el-card shadow="never" class="mb-20">
      <div slot="header" class="clearfix">
        <span>供应商要求</span>
      </div>
      <el-form ref="form" :model="form" label-width="180px">
        <el-form-item label="招标方式">
          <el-radio-group v-model="form.type">
            <el-radio label="工程类" name="type"></el-radio>
            <el-radio label="工物资备件" name="type"></el-radio>
            <el-radio label="服务类" name="type"></el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="注册资金">
          <el-input v-model="form.desc" placeholder="万元"></el-input>
        </el-form-item>
        <el-form-item label="供应商资质等级最低要求">
          <el-radio-group v-model="form.type1">
            <el-radio label="A" name="type"></el-radio>
            <el-radio label="B" name="type"></el-radio>
            <el-radio label="C" name="type"></el-radio>
            <el-radio label="D" name="type"></el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="资质要求">
          <el-checkbox-group v-model="form.type2">
            <el-checkbox label="ISO9001质量体系认证" name="type"></el-checkbox>
            <el-checkbox
              label="ISO14001环境管理质量体系认证"
              name="type"
            ></el-checkbox>
            <el-checkbox
              label="ISO10012测量管理体系认证"
              name="type"
            ></el-checkbox>
          </el-checkbox-group>
        </el-form-item>

        <el-form-item label="报名要求说明">
          <el-input type="textarea"></el-input>
        </el-form-item>
      </el-form>
    </el-card>

    <el-card shadow="never" class="mb-20">
      <div slot="header" class="clearfix">
        <span>已选供应商</span>
        <el-button
          class="float-right"
          size="mini"
          type="primary"
          icon="el-icon-user"
          >添加供应商</el-button
        >
      </div>
      <el-table :data="list" border>
        <el-table-column
          label="序号"
          type="index"
          width="60"
          align="center"
        ></el-table-column>
        <el-table-column prop="name" label="供应商名称"></el-table-column>
        <el-table-column prop="score" label="综合得分"></el-table-column>
        <el-table-column
          prop="year"
          label="一年内有无交易记录"
        ></el-table-column>
        <el-table-column prop="serve" label="服务关系"></el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: "",
        type1: "",
        type2: [],
        resource: "",
        desc: "",
      },
      list: [
        {
          name: "南京玄建物资实业有限公司",
          score: "A",
          year: "无",
          serve: "有",
        },
        {
          name: "扬州奔牛工贸实业有限公司",
          score: "A",
          year: "无",
          serve: "无",
        },
        {
          name: "上海圣南实业有限公司",
          score: "A",
          year: "无",
          serve: "无",
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
</style>